﻿<MCard Flat
       Color="transparent">
    <MSubheader>Show ticks when using slider</MSubheader>

    <MCardText>
        <MSlider @bind-Value="_value"
                 Step="10"
                 Ticks="true"></MSlider>
    </MCardText>

    <MSubheader>Always show ticks</MSubheader>

    <MCardText>
        <MSlider @bind-Value="_value"
                 Step="10"
                 Ticks="@("always")"></MSlider>
    </MCardText>

    <MSubheader>Tick size</MSubheader>

    <MCardText>
        <MSlider @bind-Value="_value"
                 Step="10"
                 Ticks="@("always")"
                 TickSize="4"></MSlider>
    </MCardText>

    <MSubheader>Tick labels</MSubheader>

    <MCardText>
        <MSlider @bind-Value="_fruits"
                 TickLabels="_ticksLabels"
                 Max="3"
                 Step="1"
                 Ticks="@("always")"
                 TickSize="4"></MSlider>
    </MCardText>
</MCard>

  @code {
    private double _value = 0;
    private double _fruits = 0;
    private List<string> _ticksLabels = new List<string>
        {
            "Figs",
          "Lemon",
          "Pear",
          "Apple"
        };
  }